/* Layout */ defa#container { text-align: left; clear: both;  }
 #header{ /*background-color: #006600;*/ height: 50px; background-image: url(../img/style/header.jpg);  }
 #header img { width: 36px; height: 32px; vertical-align: top;  }
 #header h1 { padding: 10px 20px; font-weight: normal; text-decoration: none; color: #eeffee;  }
 #navigator { width: 100%;  }
 #navigator ul li a:hover { background: #5A9D1A; font-weight: bold; color: #ffffff; outline: none;  }
 #user-box { float:right; z-index: 100; position: relative; top: 0px; font-weight: bold; color: #403D38;  }
 #user-box a { color: #403D38;  }
 #user-box a:hover, #user-box a:active { color: teal;  }
 #user-box img { vertical-align: middle;  }
 #content{ background-color: #eeeeef; clear: both; color: #333; padding: 5px 10px 10px 10px; overflow: auto; border-style: groove; text-align: left; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; border-left-color: #ffffff; border-top-color: #ffffff; margin-top: 10px; font-family: Arial;  }
 #content h1 { text-align: center; font-size: 130%;  }
 .ui-widget-content h1 { text-align: center; font-size: 130% }
 #footer { background-image: url(../img/style/footer.jpg); background-repeat: no-repeat; background-color: #3e9c00; clear: both; padding: 6px 10px; border-bottom-width: 5px; border-bottom-style: inset; border-top-style: outset;  }
 /* ข้อความ show, total มุมบนซ้ายของตาราง data */ .dataDisplayCount { font-size: 80%; position: relative; top: 8px; float: left;  }
 .dataDisplayLimit { float: right; text-align: right; font-size: 80%; position: relative; top: 3px; height: 20px;  }
 .dataDisplayLimit label { text-align: right; display: inline; padding-right: 1px;  }
 .dataDisplayLimit input[type="text"] { display: inline; text-align: right; width: 25px; margin: auto;  }
 .toolbar { border-bottom-style: inset; border-top-style: outset; padding: 2px; border-bottom-color: black; border-top-color: black; border-bottom-width: 1px; border-top-width: 1px; height: 22px;  }
 .toolbar #tLeft { float: left;  }
 .toolbar #tRight { float: right; /*padding-top: 3px;*/ clear: right;  }
 .button { margin-top: 5px; margin-bottom: 2px; margin-left: 5px; border-style: outset; padding: 1px 5px 3px 25px; text-align: right; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; background-position: 2px; background-repeat: no-repeat; font-size: 80%; height: 25px; background-color: #f9f9f9;  }
 input.button { background-color: transparent; color:#666666; font-weight:bold; background-position: left center; border-top-style: outset; border-bottom-style: outset; border-left-style: outset; border-right-style: outset; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px;  }
 .button:hover { color: #003d4c; border-top-style: inset; border-bottom-style: inset; border-left-style: inset; border-right-style: inset;  }
 .button.add { background-image: url(../img/icon/add.png);  }
 .button.edit { background-image: url(../img/icon/edit.png);  }
 .button.search { background-image: url(../img/icon/search.png);  }
 .button.save { background-image: url(../img/icon/save.png);  }
 .button.send_message { background-image: url(../img/icon/send_message.png);  }
 .button.reply { background-image: url(../img/icon/reply.png);  }
 .button.back { background-image: url(../img/icon/back.png);  }
 .button.delete { background-image: url(../img/icon/delete.png);  }
 .button.refresh { background-image: url(../img/icon/reflesh.png);  }
 .button.print { background-image: url(../img/icon/print.png);  }
 .button.printCust { background-image: url(../img/icon/print_cust.png);  }
 .button.excel { background-image: url(../img/icon/excel.png);  }
 .button.clear { background-image: url(../img/icon/clear.png);  }
 .button.prev { background-image: url(../img/icon/prev.png);  }
 .button.next { background-image: url(../img/icon/next.png);  }
 .button.viewAsCustomer { background-image: url(../img/icon/cust_head_user_icon.png);  }
 .button.viewAsSupplier { background-image: url(../img/icon/supplier_user_icon.png);  }
 .button.requestCancel { background-image: url(../img/icon/request_cancel.png);  }
 .button.delivery { background-image: url(../img/icon/delivery.png);  }
 .button.receive { background-image: url(../img/icon/receive.png);  }
 .button.release { background-image: url(../img/icon/release.png);  }
 .button.view_as_site_user { background-image: url(../img/icon/cust_user_icon.png);  }
 .button.import{ background-image: url(../img/icon/import.png);  }
 #popup { clear: both;  }
 #flash-alert img { vertical-align: middle; padding-right: 10px; float: left;  }
 #flash-alert .message { font-size: 97%;  }
 .odd-cell { background: #fff;  }
 .even-cell { background-color: #efefef;  }
 /* ส่วนแสดงหมายเลขหน้าของตาราง */ .paginate-wrapper { float: right; margin: 1px; padding: 1px; height: 20px;  }
 .paginate-wrapper span { border-left: solid 1px; padding: 0px 5px;  }
 .paginate-wrapper span.current { background-color: #7AD713; padding: 0px 3px;  }
 .paginator { display: inline;  }
 .top { vertical-align: top;  }
 .left { float: left;  }
 .right { float: right;  }
 .clear { clear: both;  }
 .wide { width: 100%;  }
 .show { display: block;  }
 .hide { display: none;  }
 .center { text-align: center;  }
 .text-left { text-align: left;  }
 .text-right { text-align: right; padding-right: 10px;  }
 .lower { font-size: 80%;  }
 .product-image { margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; text-align: center;  }
 .indicator { float: right; vertical-align: middle; border-color: #006600; border-style: inset; border-width: 1px; position: fixed; right: 10px; top: 8px; z-index: 99999; color: teal; text-align: right; padding: 0px 8px 0px 2px; background-color: white; width: 92px; height: 35px;  }
 .indicator .spinner { float: left; vertical-align: middle;  }
 .indicator .loading { float: right; vertical-align: middle; position: relative; top: 8px;  }
 .price-adjustment-table td { border: 1px solid #CCCCCC; padding-left: 10px; padding-right: 10px;  }
 .price-adjustment-table th { background: #EFEFEF none repeat scroll 0 0  }
 .bold{ font-weight:bold !important;  }
 .inline { display: inline;  }
 .inline-block { display: inline-block; vertical-align: top;  }
 .no { width: 35px;  }
 table .collect_date { width: 110px;  }
 table .collector { width: 70px;  }
 table .action { width: 25px;  }
 .caption { font-size: 95%; font-style: italic;; color: #333333;  }
 .inplaceeditor-form { display: inline;  }
 .rotate { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);  }
 .min-stock, red { background-color: #ff4040; color: #fafafa;  }
 .max-stock, yellow { background-color: #FFFF5F;  }
 .rect { padding-right: 1em; margin-right: 1em; margin-left: 1em;  }
 .accordion { /*width: 600px;*/  }
 .selected { background-color: #90FF40;  }
 .green { background-color: #7FFF3F;  }
 .handover { cursor: pointer;  }
 .hightlight, .data tbody tr:hover { background: #ccffcc; color: #333;  }
 .viewSiteInventory { float:right; position: relative; top: -22px; z-index: 10; clear: both;  }
 /* สำหรับ side menu */ .column-left { float: left; width: 150px; line-height: 25px; margin: 5px 0px; text-indent: 10px;  }
 .column-left ul { list-style: none;  }
 .column-content { margin-left: 160px;  }
 .messageBody { background-color: white; padding: 1em;  }
 .ui-datepicker { z-index: 10000;  }
 .inplace-hightlight { background-color: #ffff99; font-weight: bold;  }
 .indent { text-indent: 15pt;  }
 .red, .text-red { color: #dd0000;  }
 .text-green { color: #00dd00;  }
 .text-yellow { color: #FFFF5F;  }
 .block { display: inline-block !important; padding: 0 !important;  }
 .menu { /*display: inline-block;*/ padding: 2px 5px; margin-bottom: 5px;  }
 .menu ul li{ padding: 2px 5px; display: inline-block !important; border: solid 1px #aaaaaa; -moz-border-radius:4px 4px 4px 4px;  }
 table a:hover { color: #327E04; }
 .handover a { color: #327E04 !important; }
 .background1 { background: #CFCFCF; }
 .background2 { background: #EEE; }
 .background3 { background: #FFF; }
 .partition { border-right: solid; margin-left: 2em; width: 1px; }